<template>
  <div>
    <div class="topName">
      <div style="display: flex; align-items: center">
        <img
          style="width: 20px; height: 18px; margin: 0 10px"
          src="../../../assets/img/3.png"
          alt=""
          @click="fold()"
          :collapse="!isCollapse"
        />

        <el-button type="primary">子站域名</el-button>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import "../../../assets/css/size.css";

const isCollapse = ref(true);

const fold = () => {
  isCollapse.value = !isCollapse.value;
  console.log(1);
};
</script>

<style lang="scss" scoped></style>
